var form = document.querySelector('.login .box form');
var username = document.querySelector('[name="username"]');
var password = document.querySelector('[name="password"]');
// 绑定事件
form.addEventListener('submit', submit)
function submit() {
    // 要加表单校验

    // 阻止默认行为
    window.event.returnValue  = false
    // 发送请求
    var xhr = new XMLHttpRequest()
    xhr.open('post', 'http://localhost:8888/users/login')
    xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')
    var params = `username=${username.value}&password=${password.value}`
    xhr.send(params)
    xhr.onreadystatechange = function() {
        if(xhr.readyState === 4) {
            if(xhr.status>=200 && xhr.status<300) {
                var res = xhr.responseText
                res = JSON.parse(res)
                console.log(res);
                var {message, code, user: {id: userId}, token} = res
                if(code === 1) {
                    alert(message)
                    // 跳转到登录页面
                    // 用函数设置cookie
                    setCookie('username', username.value, 7200)
                    setCookie('userId', userId, 7200)
                    // 存储令牌
                    // 在本地存储存储：cookie会在请求头和响应头之间进行传递 - 每次请求都会在请求头中携带cookie，响应头中也会携带cookie - 自动的 - 本地存储中的数据是在浏览器上，什么时候传，就传，不会自动带来带去，能相对安全一点
                    localStorage.setItem('token', token)

                    // 获取地址栏中的goto，如果有goto，就跳转到goto对应的页面中，如果没有goto，就默认跳转到首页
                    // console.log(location.search);
                    // var reg = /goto=(.+)/
                    // var arr = location.search.match(reg)
                    // // console.log(arr);
                    // if(arr && arr[1]) {
                    //     location.href = arr[1]
                    // } else
                    // location.href = 'home.html'

                    // 如果是本地存储
                    var url = localStorage.getItem('url')
                    if(url) {
                        // 在跳转之前要将本地存储中的地址删除掉
                        localStorage.removeItem('url')
                        location.href = url
                    }else
                    location.href = 'index.html'
                } else {
                    alert(message)
                }
            }
        }
    }
}